.Login{
    display: flex;
    flex-direction: column;
    .top{
        height: 30%;
        background-color: var(--primary-color);
        display: flex;
        align-items: center;
        justify-content: center;
        .logo{
            width: 150px;
            height: 150px;
            border-radius: 50%;
            overflow: hidden;
        }
    }
    .content{
        flex: 1;
        background-color: var(--background-color);
        .Loginbox{
            height: 80%;
            width: 80%;
            margin: auto;
            transform: translateY(-100px);
            border-radius: 20px;
            box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
            background-color: var(--background-color);
        }
    }
}
